<template>
  <div>
    <!-- .number  转数字 -->
    年龄：<input type="number" v-model.number="age">
    <!-- .trim 去除首尾空格 -->
    用户名：<input type="text" v-model.trim="username">
    <!-- .lazy 基于表单的 onchange 事件类型进行封装，
      触发时机变成了同时满足：
        1. 失去焦点
        2. 值有改变
      -->
    自我介绍：<textarea v-model.lazy="intro"></textarea>
  </div>
</template>

<script>
export default {
  data () {
    return {
      age: 0,
      username: 'admin',
      intro:''
    }
  }
}
</script>

<style>

</style>